<template>
<!--  鼠标hover显示提示内容-->
<!--  对element-ui中 el-button 和 el-tooltip进行二次封装-->
  <el-tooltip class="item" :effect="effect" :content="title" :placement="placement">
    <el-button v-bind="$attrs">
      <slot></slot>
    </el-button>
  </el-tooltip>
</template>

<script>
/*
type: 按钮类型
size: 按钮尺寸
disabled: 是否禁用按钮
icon: 按钮图标
title: 提示文本
effect: 提示框背景样式 dark/light
placement: 提示框的方位 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
 */
export default {
  name: "TipButton",
  props: ['title','effect','placement']
}
</script>

<style scoped>

</style>
